<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../static/css/style.css" rel="stylesheet" type="text/css" />
<link href="../static/css/select.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../static/js/jquery.js"></script>
<script type="text/javascript" src="../static/js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="../static/js/select-ui.min.js"></script>
<script type="text/javascript" src="../static/editor/kindeditor.js"></script>

<script type="text/javascript">
    KE.show({
        id : 'content7',
        cssPath : './index.css'
    });
  </script>
  
<script type="text/javascript">
$(document).ready(function(e) {

	$(".select3").uedSelect({
		width : 152
	});
});
</script>
</head>

<body class="sarchbody">

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">信息查询</a></li>
	<li><a href="#">房间查询</a></li>
    </ul>
    </div>
    
    <div class="formbody">
    
    
    <div id="usual1" class="usual"> 
    
    
    <form action="/roomsearch/" method="post">
    <ul class="seachform1">
    
	
	<li><label>房间类型</label>  
    <div class="vocation">
    <select name="roomtype" class="select3">
    <option value="双人">双人</option>
    <option value="单人">单人</option>
	<option value="大床">大床</option>
	<option value="总统套房">总统套房</option>
    </select>
    </div>
    </li>
      

    
    </ul>
    
    <ul class="seachform1">
    <li class="sarchbtn"><label>&nbsp;</label><input name="" type="submit" class="scbtn" value="查询"/></li>
    </ul>
    </form>
    <script language="javascript">
	$(document).ready(function() 
{ 
    $(".scbtn1").click(function() 
    {      
        if( $(".seachform2").hasClass("hideclass") ) 
        { 
            $(".seachform2").removeClass("hideClass"); 
        } 
        else 
        { 
            $(".seachform2").addClass("hideClass"); 
        }    
    }); 
}); 
	
	
	</script>
    
    
    <script type="text/javascript">
$(document).ready(function(){
  $(".scbtn1").click(function(){
  $(".seachform2").fadeIn(200);
  }); 


});
</script>

    
    
    
    <div class="formtitle"><span>房间列表</span></div>
    
    <table class="tablelist">
    	<thead>
    	<tr>
        <th>房间号<i class="sort"><img src="../static/images/px.gif" /></i></th>
        <th>类型</th>
        <th>价格</th>
		<th>房间状态</th>
        <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <form action="/in/" method="post">
        {% for foo in obj %}
            <tr>
                <td>{{ foo.roomid }}</td>
                <td>{{ foo.roomtype }}</td>
                <td>{{ foo.roomprice }}</td>
                <td>{{ foo.roomstate }}</td>
                <td><input type="hidden" name="roomid" value="{{ foo.roomid }}"/><input type="submit" style="color: black; background-color: transparent; border: none;" class="tablelink" value="选择" /></td>
            </tr>

        {% endfor %}
        </form>

    
        </tbody>
    </table>
    

       
	</div> 
 

    
    
    </div>


</body>

</html>